<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2015/3/12
  Time: 20:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="sf" uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE HTML>
<html>
<head>
    <title>CartList</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="<%=request.getContextPath() %>/resources/css/cart/style.css" rel="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" src=<%=request.getContextPath() %>/resources/js/cart/jquery1.min.js"></script>
    <!-- start menu -->
    <link href="<%=request.getContextPath() %>/resources/css/cart/megamenu.css" rel="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/cart/megamenu.js"></script>
    <!-- shop cart -->
    <link rel="stylesheet" href="<%=request.getContextPath() %>/resources/css/cart/shopcart.css" type="text/css" media="all" />
    <script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/cart/shopcart.js"></script>

    <script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
    <script src="<%=request.getContextPath() %>/resources/js/cart/jquery.easydropdown.js"></script>
</head>
<body>
<div class="header-top">
    <div class="wrap">
        <div class="cssmenu">
            <ul>
                <li class="active"><a href="login.html">账户</a></li> |
                <li><a href="checkout.html">心愿单</a></li> |
                <li><a href="checkout.html">付款</a></li> |
                <li><a href="login.html">登录</a></li> |
                <li><a href="register.html">注册</a></li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="header-bottom">
    <div class="wrap">
        <div class="header-bottom-left">
            <div class="logo">
                <a href="index.html"><img src="<%=request.getContextPath() %>/resources/images/logo.png" alt=""/></a>
            </div>

            <div class="header-bottom-right">
                <div class="search">
                    <input type="text" name="s" class="textbox" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}">
                    <input type="submit" value="Subscribe" id="submit" name="submit">
                    <div id="response"> </div>
                </div>
                <div class="tag-list">
                    <ul class="icon1 sub-icon1 profile_img">
                        <li><a class="active-icon c1" href="#"> </a>
                            <ul class="sub-icon1 list">
                                <li><h3>sed diam nonummy</h3><a href=""></a></li>
                                <li><p>Lorem ipsum dolor sit amet, consectetuer  <a href="">adipiscing elit, sed diam</a></p></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="icon1 sub-icon1 profile_img">
                        <li><a class="active-icon c2" href="#"> </a>
                            <ul class="sub-icon1 list">
                                <li><h3>No Products</h3><a href=""></a></li>
                                <li><p>Lorem ipsum dolor sit amet, consectetuer  <a href="">adipiscing elit, sed diam</a></p></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="last"><li><a href="#">购物车(0)</a></li></ul>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!-- <div class="register_account"> -->
    <div align="center" style="margin-bottom:20px">
        <!-- - - - - - - - - - - - - - 新增部分 - - - - - - - - - - - - - -->
        <form action="/cart/orderVerify" method="post"  >
            <table id="cartTable">
                <thead>
              <%--  <tr>
                    <th><label><input class="check-all check" type="checkbox"/>&nbsp;全选</label></th>
                    <th>商品信息</th>
                    <th>单价（元）</th>
                    <th>数量</th>
                    <th>小计（元）</th>
                    <th>操作</th>
                </tr>--%>
                </thead>
                <tbody>
                <%--遍历用户购物记录--%>
                <c:forEach items="${usercart.datas }" var="cart" >
                    <tr>
                        <td class="checkbox"><input class="check-one check" type="checkbox"/></td>
                        <td class="goods"><img src="${cart.goods.image}" alt=""/>

                            <span><a herf="#"/>"${cart.goods.name}"</span>
                           <%-- 店的名字--%>
                            <span><a herf="#"/>"${cart.goods.seller.name}"</span>

                            <span>商品品牌:${cart.goods.brand}</span>
                            <span>商品处理器:${cart.goods.CPU}</span>
                            <span>商品运行内存:${cart.goods.RAM}</span>
                            <span>商品硬盘内存:${cart.goods.HD}</span>
                            <span>商品显卡:${cart.goods.graphic}</span>
                                <%-- 店的名字--%>
                            <span>数量：${cart.quantity}.</span>
                        </td>
                        <td class="price">${cart.subtotal}</td>
                       <%-- <td class="count">
                            <span class="reduce"></span>
                                &lt;%&ndash; <input class="count-input" type="text" value="1"/>&ndash;%&gt;
                                &lt;%&ndash; 从添加购物车成功的页面用户先已确定的数量和总价&ndash;%&gt;
                            <input class="count-input" type="text" value="1"/>
                            <span class="add">+</span></td>
                        <td class="subtotal">5999.88</td>
                        <td class="operation"><span class="delete">删除</span></td>--%>
                    </tr>

                </tbody>
            </table>

            <div class="foot" id="foot">
                <a herf="#" class="fr closing"> 返回商品详情</a>
             <a herf="cart/userCartList/${cart.user.id}" class="fr closing"> 去购物车结算</a>
                </c:forEach>
              <%--  <label class="fl select-all"><input type="checkbox" class="check-all check"/>&nbsp;全选</label>
                <a class="fl delete" id="deleteAll" href="javascript:;">删除</a>
                <div class="fr closing">结 算</div>
                <div class="fr total">合计：￥<span id="priceTotal">0.00</span></div>
                <div class="fr selected" id="selected">已选商品
                    <span id="selectedTotal">0</span>件
                    <span class="arrow up">︽</span>
                    <span class="arrow down">︾</span>
                </div>
                <div class="selected-view">
                    <div id="selectedViewList" class="clearfix">
                        <!--<div><img src="images/1.jpg"><span>取消选择</span></div>-->
                    </div>
                    <span class="arrow">◆<span>◆</span></span>
                </div>--%>
            </div>
        </form>
        <!-- - - - - - - - - - - - - - 新增部分 - - - - - - - - - - - - - -->
    </div>
    <div class="footer">
        <div class="footer-top">
            <div class="wrap">
                <div class="section group example">
                    <div class="col_1_of_2 span_1_of_2">
                        <ul class="f-list">
                            <li><img src="<%=request.getContextPath() %>/resources/images/2.png"><span class="f-text">全场满100免运费</span><div class="clear"></div></li>
                        </ul>
                    </div>
                    <div class="col_1_of_2 span_1_of_2">
                        <ul class="f-list">
                            <li><img src="<%=request.getContextPath() %>/resources/images/3.png"><span class="f-text">免费咨询电话-222-555-6666 </span><div class="clear"></div></li>
                        </ul>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>

        <div class="footer-bottom">
            <div class="wrap">
                <div class="copy">
                    <p>Copyright©2015 312Company name All rights reserved.</p>
                </div>
                <div class="f-list2">
                    <ul>
                        <li class="active"><a href="about.html">关于我们</a></li> |
                        <li><a href="delivery.html">配送与退货</a></li> |
                        <li><a href="delivery.html">使用条款</a></li> |
                        <li><a href="contact.html">联系我们</a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <div style="display:none"></div>
</div>
</body>
</html>
